<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>浮动所带来的的问题</title>
    <style type="text/css">
    	
       .left{
	       	width:200px;
	       	height:100px;
	       	background:red;
	       	float:left;
       }
       .container{
         	border: 1px solid #000;
       }

/*       .clear{
       	clear: both;
       }*/
       .other-container{
	       	width: 200px;
	       	height: 150px;
	       	background:yellow;
       }
    </style>
</head>
<body>
   
   <div class="container">
   	   <div class="left">
   	   	   111111111111111
   	   </div>
   	   <div class="clear">
   	   	  
   	   </div>
   </div>
   <div class="other-container">
   	    111111
   </div>
</body>
</html>